<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>OPPO</title>
  <link rel="stylesheet" href="./css/index.css">
</head>

<body>
  <!-- ************* 固定栏部分************* -->
  <div class="fixedField">
    <ul class=".clearfix w">
      <li>Global</li>
      <li>注册</li>
      <li>登录</li>
    </ul>
  </div>
  <!-- ************* 导航栏部分部分********* -->
  <div class="navigationBar">
    <div class="w">
      <img src="./images/oppologo.png" alt="">
      <ul>
        <li>首页</li>
        <li>产品</li>
        <li>商城</li>
        <li>体验店</li>
        <li>服务</li>
        <li>colors</li>
        <li>社区</li>
      </ul>
    </div>
  </div>
  <!-- 首页/产品 -->
  <div class="homePage w">首页 / 产品</div>
  <!-- ************* OPPO展示图部分********* -->
  <div class="oppoShow clearfix w">
    <div class="R9">
      <img src="./images/11.png" alt="">
      <img src="./images/12.png" alt="">
    </div>
    <div class="A57">
      <img src="./images/13.png" alt="">
    </div>
  </div>
  <!-- ************* OPPO产品系列部分******* -->
  <div class="oppoProduct w">
    <!-- 公共hr -->
    <div class="hr">
      <span class="line"></span>
      <span class="hrText">OPPO 产品系列</span>
      <span class="line"></span>
    </div>
    <!-- 首页/产品 -->
    <div class="rSeries"><span>R系列</span>&emsp;&emsp;纤薄设计·至美外观</div>
    <ul class="rImg">
      <li>
        <img src="./images/21.jpg" alt="">
        <div>R9s 玫瑰金</div>
        <div>这一刻，更清晰</div>
      </li>
      <li>
        <img src="./images/22.jpg" alt="">
        <div>R9sk 金色</div>
        <div>R9sk是R9s的一个版本，线下专供</div>
      </li>
      <li>
        <img src="./images/23.jpg" alt="">
        <div>R9s Plus 黑色版</div>
        <div>大屏拍照旗舰</div>
      </li>
    </ul>
  </div>
  <!-- ************* OPPO产品特色部分******* -->
  <div class="oppoFeature w">
    <!-- 公共hr -->
    <div class="hr">
      <span class="line"></span>
      <span class="hrText">OPPO 产品特色</span>
      <span class="line"></span>
    </div>
    <div class="oppoFeatureImg clearfix">
      <img src="./images/31.jpg" alt="">
      <img src="./images/32.jpg" alt="">
    </div>
  </div>
  <!-- *************底部导航栏部分******* -->
  <div class="bottomNav w clearfix">
    <ul>
      <li>推荐机型</li>
      <li>R9s</li>
      <li>R9s Plus</li>
      <li>A57</li>
      <li>A59s</li>
    </ul>
    <ul>
      <li>在线购买</li>
      <li>官方商城</li>
      <li>购物指南</li>
      <li>官方授权网店</li>
    </ul>
    <ul>
      <li>服务</li>
      <li>服务网点查询</li>
      <li>零配件价格查询</li>
      <li>云服务</li>
    </ul>
    <ul>
      <li>关于我们</li>
      <li>关于OPPO</li>
      <li>加入我们</li>
      <li>采购相关</li>
      <li>发布会回顾</li>
    </ul>
    <div class="phone">
      <img src="./images/icon-online.png" alt="">
      <h4>4001-666-888</h4>
      <h5>（24小时全国服务热线）</h5>
    </div>
  </div>
  <hr class="w">
  <!-- *************版权部分******* -->
  <div class="copyRight w clearfix">
    <span>2005 - 2017 OPPO 版权所有 粤ICP备14056724号-2 联系方式：4001-666-888</span>
    <span class="elfImg1"></span>
    <span class="elfImg2"></span>
    <span>关注我们：</span>
  </div>
</body>

</html>